<template>
  <home-nav></home-nav>
  <home-header></home-header>
  <!-- 吸顶组件 -->
  <sticky></sticky>
  <div class="main">
    <router-view />
  </div>
  <!-- 底部组件 -->
  <home-footer></home-footer>
</template>
<script>
import HomeNav from '@/components/HomeNav'
import HomeHeader from '@/components/HomeHeader'
import Sticky from '@/components/HomeHeader/Sticky'
import HomeFooter from '@/components/HomeFooter'

import { useStore } from 'vuex'
import { GET_CATEGORY } from '@/store/modules/actionTypes'
export default {
  name: 'LayoutPage',
  components: {
    HomeNav,
    HomeHeader,
    Sticky,
    HomeFooter
  },
  setup() {
    const store = useStore()
    console.log('GET_CATEGORY', GET_CATEGORY)

    store.dispatch(`category/${GET_CATEGORY}`)
  }
}
</script>
<style lang="less" scoped>
</style>